// 可编辑表格EditorGridPanel
// 可编辑表格是指可以直接在表格的单元格对表格的数据进行编辑，ExtJS 中的可编辑表格由
// 类Ext.grid.EditorGridPanel 表示，xtype 为editorgrid。
// 使用EditorGridPanel 与使用普通的GridPanel 方式一样，区别只是在定义列信息的时候，
// 可以指定某一列使用的编辑即可，下面来看一个简单的示例。
Ext.onReady(function() {
			var data = [{
						id : 1,
						name : '小王',
						email : 'xiaowang@easyjf.com',
						sex : '男',
						bornDate : '1991-4-4'
					}, {
						id : 1,
						name : '小李',
						email : 'xiaoli@easyjf.com',
						sex : '男',
						bornDate : '1992-5-6'
					}, {
						id : 1,
						name : '小兰',
						email : 'xiaoxiao@easyjf.com',
						sex : '女',
						bornDate : '1993-3-7'
					}];
			var store = new Ext.data.JsonStore({
						data : data,
						fields : ["id", "name", "sex", "email", {
									name : "bornDate",
									type : "date",
									dateFormat : "Y-n-j"
								}]
					});
			var colM = new Ext.grid.ColumnModel([{
						header : "姓名",
						dataIndex : "name",
						sortable : true,
						editor : new Ext.form.TextField()
					}, {
						header : "性别",
						dataIndex : "sex",
						editor : new Ext.form.ComboBox({
									transform : "sexList",
									triggerAction : 'all',
									lazyRender : true
								})
					}, {
						header : "出生日期",
						dataIndex : "bornDate",
						width : 120,
						renderer : Ext.util.Format.dateRenderer('Y年m月d日'),
						editor : new Ext.form.DateField({
									format : 'Y年m月d日'
								})
					}, {
						header : "电子邮件",
						dataIndex : "email",
						sortable : true,
						editor : new Ext.form.TextField()
					}]);
			var grid = new Ext.grid.EditorGridPanel({
						renderTo : "hello",
						title : "学生基本信息管理",
						height : 200,
						width : 600,
						cm : colM,
						store : store,
						autoExpandColumn : 3,
						clicksToEdit : 1
					});
		});